<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
.table plate{}
.table bento{}
#fancy plate{}
plate>apple{}
#fancy plate>apple{}
.small>apple{}
.small orange{}
bento>orange{}
plate>bento{}
.table apple plate{}
.fancy pickle .small apple{}
    </style>
</head>
<body>
    <div class="table">
    <plate />
    <plate />
</div>
<div class="table"></div>
    <bento />
    <plate />
    <bento />
</div>
<div class="table">
    <plate id="fancy" />
    <plate />
    <bento />
</div>
<div class="table"></div>
    <bento />
    <plate>
        <apple />
    </plate>
    <apple />
</div>
<div class="table"></div>
    <bento>
        <orange />
    </bento>
    <plate id="fancy">
        <pickle />
    </plate>
    <plate>
        <pickle />
    </plate>
</div>
<div class="table"></div>
    <apple />
    <apple class="small" />
    <plate>
        <apple class="small" />
    </plate>
    <plate />
</div>
<div class="table"></div>
    <apple />
    <apple class="small" />
    <bento>
        <orange class="small" />
    </bento>
    <plate>
        <orange />
    </plate>
    <plate>
        <orange class="small" />
    </plate>
</div>
<div class="table"></div>
    <bento>
        <orange />
    </bento>
    <orange class="small" />
    <bento>
        <orange class="small" />
    </bento>
    <bento>
        <apple class="small" />
    </bento>
    <bento>
        <orange class="small" />
    </bento>
</div>
<div class="table"></div>
    <pickle class="small" />
    <pickle />
    <plate>
        <pickle />
    </plate>
    <bento>
        <pickle />
    </bento>
    <plate>
        <pickle />
    </plate>
    <pickle />
    <pickle class="small" />
</div>
<div class="table">
</div>
    <apple />
    <plate>
        <orange class="small" />
    </plate>
    <bento />
    <bento>
        <orange />
    </bento>
    <plate id="fancy" />
</div>
<div class="table">
    <plate id="fancy">
        <orange class="small" />
    </plate>
    <plate>
        <pickle />
    </plate>
    <apple class="small" />
    <plate>
        <apple />
    </plate>
</div>
</body>
</html>